<script type="text/javascript">
    window.addEventListener("resize", fixSizeHabitaciones, false);


    function getDetalleOcupacion() {
        var month = $("#cboMeses").prop("value");
        var year = $("#cboAnos").prop("value");
        $.ajax({
            type: "post",
            url: "./includes/principalDetallesOcupacion.php",
            data: "month=" + month + "&year=" + year,
            success: function(data) {
                //$("#principalOcupacionCont").html(data);
                $("#resultadosInner").html(data);
                selectDaysInGrid(1);
                getReservas();
                getRegistraciones();
            }

        });

    }



</script>

<body onload="fixSizeHabitaciones()">
    <div style="height: 35px;"></div>
    <div id="infoPanel">
        <table>
            <tr>
                <td style="width: 100px;">Saldo Actual:</td>
                <td style="width: 100px;"><div id="principalSaldoActual" style="font-weight: bold;"></div>
                </td>
                <td style="width: 30px;">
                    <input type="button" style="width: 20px; height: 20px; background-color: green; color: white; font-weight: bolder;
                           border-style: solid; border-color: white; border-radius: 20px; border-width: 1px;" 
                           id='principalMasDetallesCajaLabel' onclick="showResumenCaja()" value="+"/>
                </td>
                <td style="width: 100px;">Estado Caja:</td>
                <td style="width: 100px;"><div id="principalEstadoCaja" style="font-weight: bold;" onload="isCajaOpen('principal')">
                        //<?php
//                        if ($_SESSION['ha_idcaja'] == '-1') {
//                            echo 'Cerrada';
//                        } else {
//                            echo 'Abierta';
//                        }
//                        ?>
                    </div></td>
                <td style="width: 100px;">Usuario:</td>
                <td style="width: 100px;"><div id="principalEstadoCaja" style="font-weight: bold;">
                        <?php
                        require_once './src/MyDBi.php';
                        $db = new MysqliDb();

                        $db->where('IdUsuario', $_SESSION['ha_usuariocaja']);
                        $results = $db->get('usuarios');
                        if ($db->count > 0) {
                            foreach ($results as $row) {
                                echo $row["Nombre"] . " " . $row["Apellido"];
                            }
                        }
                        ?>
                    </div></td>
                <td colspan="2"><label style="width: 400px; min-width: 400px; font-weight: bold; color: darkcyan;" id="lblPrincipalSeleccionado">Habitación: - Cama: -</label></td>
            </tr>
        </table>
    </div>
    <table border="0" style="width: 100%" >
        <tbody>
            <tr><td colspan="8"><h1>Principal</h1></td></tr>
            <tr>
                <td id="spacerTD" colspan="6" ></td>
                <td>
                    <input type="button" value="<" name="prevMonth" onclick="prevMonth()" class="btnNav"/>
                    <!--Mes-->
                    <select class="generalInput" id="cboMeses" onchange="getDetalleOcupacion()">
                        <?php
                        for ($i = 1; $i <= 12; $i++) {
                            $dateTimeObj = DateTime::createFromFormat('!m', $i);
                            if ($month == $i) {
                                echo '<option value ="' . $i . '" selected>' . $dateTimeObj->format('F') . '</option>';
                            } else {
                                echo '<option value ="' . $i . '">' . $dateTimeObj->format('F') . '</option>';
                            }
                        }
                        ?>
                    </select>
                    <!--Año-->
                    <select class="generalInput" id="cboAnos" onchange="getDetalleOcupacion()">
                        <?php
                        for ($i = $year; $i <= $year + 3; $i++) {
                            if ($year == $i) {
                                echo '<option value ="' . $i . '" selected>' . $i . '</option>';
                            } else {
                                echo '<option value ="' . $i . '">' . $i . '</option>';
                            }
                        }
                        ?>
                    </select>
                    <input type="button" value=">" name="nextMonth" onclick="nextMonth()" class="btnNav"/>
                </td>

            </tr>
            <tr>
                <td colspan="8">
                    <table id="results" style="width: 100%;" cellspacing="0" cellpadding="0" border="0">
                        <tr>

                            <td style="padding-top: 10px; padding-left: 10px;" >
                                <div class="principalOcupacion" id="principalOcupacionCont">
                                    <table id="resultadosInner" style="position: relative;">

                                    </table>
                                </div>    
                    </table></td>
            </tr>
    </table>
</td>
</tr>
</tbody>
</table>

<!--Menu sobre celda vacía - V-->
<!--TipoRegistracion 1 - registración nueva-->
<div id="contextMenu" class="cnxMenu">
    <table>
        <tr>
            <td onclick="openRegistraciones(1)">Checkin</td>
        </tr>
        <tr>
            <td onclick="openReservas(1)">Reservar</td>            
        </tr>
        <tr>
            <td onclick="hideMenu(1)">Cancelar</td>
        </tr>
    </table>
</div>
<!--Menu sobre reservas - R-->
<!--TipoRegistracion 2 - registración sobre una reserva-->
<div id="contextMenuReserva" class="cnxMenu" >
    <table>
        <tr>
            <td onclick="nuevaRegistracionReserva(window.IdReserva, 2)">Checkin</td>
        </tr>
        <tr>
            <td onclick="deleteReserva(window.IdReserva)">Eliminar Reserva</td>
        </tr>
        <tr>
            <td onclick="getReservaDetalle(window.IdReserva)">Detalle Reserva</td>
        </tr>
        <tr>
            <td onclick="showResumenCliente(window.IdReserva, 'reservas')">Cobrar</td>
        </tr>
        <tr>
            <td onclick="hideMenu(2)">Cancelar</td>
        </tr>
    </table>
</div>
<!--Menu que aparece cuando se hace click sobre una registración - O-->
<!--TipoRegistracion 3 - es cuando agrego a otra persona a una registración activa-->
<div id="contextMenuRegistracion" class="cnxMenu" >
    <table>
        <tr>
            <td onclick="agregaRegistroAHab(window.IdRegistracion, 3)">Agregar Persona</td>
        </tr>
        <tr>
            <td onclick="getRegistracionDetalle(window.IdRegistracion)">Detalle</td>
        </tr>
        <tr>
            <td onclick="getRegistracionDetalle(IdReserva)">Checkout</td>
        </tr>
        <tr>
            <td onclick="getRegistracionDetalle(IdReserva)">Alm. y Beb.</td>
        </tr>
        <tr>
            <td onclick="showResumenCliente(window.IdRegistracion, 'registraciones')">Cobrar</td>
        </tr>
        <tr>
            <td onclick="deleteRegistracion(window.IdRegistracion, 'registraciones')">Cancelar Registración</td>
        </tr>
        <tr>
            <td onclick="hideMenu(3)">Cancelar</td>
        </tr>
    </table>
</div>


<div id="principalReservas"><?php include './reservas.php' ?></div>
<div id="principalRegistraciones"><?php include './registraciones.php' ?></div>
<div id="principalCobros"><?php include './cobros.php' ?></div>
<div id="principalResumenClientes"><?php include './resumen_cliente.php' ?></div>
<div id="principalResumenCaja"><?php include './resumen_caja.php' ?></div>
<div id="detalleReservasPopUp" style="z-index:30;border-radius:5px;box-shadow:0px 0px 10px black;background-color:blanchedalmond;position: fixed; opacity: 0;"></div>
</body>


